@import "common.css";
body{background: #fff;font-family: "Microsoft YaHei";font-size: 12px;-webkit-font-smoothing: antialiased;}
input{font-family: "Microsoft YaHei"}
a{color: #666;text-decoration: none}
a:hover{color: #0589de}

.header{height: 30px;background: #0072c6;line-height: 30px;font-size: 13px}
.header:after{content: "";display: block;clear: both}
.header h1{float: left;text-indent: 20px;font-size: 14px;color: #fff;overflow: hidden}
.header h1 img{height: 22px;vertical-align: middle;float: left;margin: 3px 0 0 15px}
.header h1 a{color: #fff}

.header .set{float: right;color: #fff}
.header .set a{color: #fff;display: inline-block;padding: 0 10px}
.header .set a:hover{background: #2a8dd4}
.header .set a i{margin-right: 10px}
.header ul{float: right}
.header li{display: inline-block;position: relative;}
.header li.user{background: #eaeaea;margin-left: 10px;width: 205px;}
.header li.user a{color: #666;display: inline-block;width: 100%;text-align: center}
.header li.user a:hover{background: #fff;cursor: pointer;}
.header li .box{position: absolute;left: 0;top: 30px;z-index: 999;width: 205px;padding:5px 3px;border: 1px solid #eaeaea;
    border-top-width: 0;
    box-shadow: 3px 3px 6px -4px #c8c8c8,-3px 3px 6px -4px #c8c8c8;background: #fff;display: none}
.header li .box a:hover{background: #cde6f7}
.header li.user:hover .box{display: block}

.shadow{position: fixed;left:214px;top: 105px;bottom: 0;width: 10px; border-left: 1px solid #e5e3e3;
    box-shadow: -2px 2px 4px RGBA(150,152,154,.2);
}

.side{position: fixed;left: 0;top: 30px;bottom: 0;width: 214px;z-index:0;background: url("../images/folderpane_bg.png") repeat-x;border-left: 1px solid #e5e3e3; }
.side h2{color: #0072c6;padding: 20px;font-size: 19px}
.side dl{color: #666;padding: 10px 0 20px 0;font-size: 12px}
.side dt{padding: 3px 15px 3px 0;cursor: pointer}
.side dt i{font-size: 20px;color: #666}
.side dl dt:first-child{border-top: none}
.side dd{padding-bottom: 15px}
.side li{line-height: 26px;position: relative}


.side a{color: #333; display: block;padding: 0 15px 0 35px}
.side dd:nth-of-type(1) a{color: #333}
.side li.active a{background: #cde6f7;font-weight: 700;color: #333}
.side li.active:after{border-color: #fff;}
.side i{margin-right: 6px}

.main{position: fixed;top: 74px;bottom:0;right:0;left:234px;background: transparent;padding: 20px;overflow: hidden;overflow-y: auto}
.start{text-align: center;font-size: 200px;margin-top:10%}
.start img{margin: 0 auto;box-shadow:3px 3px 10px #E2E4E3;}

.filter{padding: 0 20px 10px 20px}
.filter input[type=text]{border: 1px solid #98a3a6;height: 24px;margin-right: 15px;padding: 0 6px;width: 168px}
.filter input[type=submit]{height: 24px;background: #0072c6;width: 100px;color: #fff;border: none}
.filter input[type=submit]:hover{background: #0063ac;}
.filter input[type=submit]:active{background: #0072c6;}
.filter span{position: relative}
.filter span.time i.iconfont{position: absolute;right: 20px;top: -8px;font-size: 20px;color: #2a8dd4}

.title{font-size: 18px;color: #0072c6;height: 40px;line-height: 40px;margin-bottom: 20px;position: relative}
.title .handle{position: absolute;right: 0;top: 0}
.title .handle a{color: #333;font-size: 16px;color: #2a8dd4}
.form{padding: 30px; background: #fff}
.form label{overflow: hidden;display: block;padding: 5px 0;}
.form label span{display: inline-block}
.form label span:first-child{width:100px;text-align: right;font-size: 12px;color: #333}
.form label span:nth-child(2) input{min-width: 210px;border: 1px solid #98a3a6;height:27px;padding: 0 10px;font-size: 12px}
.form label span:nth-child(2) textarea{min-width: 210px;border: 1px solid #98a3a6;height:55px;padding: 0 10px}
.form label span:nth-child(2) select{min-width: 210px;border: 1px solid #98a3a6;height:27px;padding: 0 10px}
.form label span:nth-child(2) input[type=button]{width: 117px;min-width:0;height:25px;border-radius: 0;padding: 0 10px;background: #0072c6;color: #fff;font-size: 13px;border: none}
.form label span:nth-child(2) input[type=button]:hover{background: #cde6f7;color: #333;border: 1px solid #92c0e0}
.form .error{color: #a81937;}
.form .success{color: #59a803;}

.table{min-height: 500px;}
.table table{width: 100%;}
.table th{text-align: center;background: #fff;border: 1px solid #98a3a6;color: #666;line-height: 27px;font-weight: 500}
.table th:last-child{border-right: none}

.table td{font-size: 13px;padding: 0 10px;border-bottom: 1px solid #eef0f2;line-height: 27px;text-align: right;color: #444}
.table td a{margin: 0 6px;color: #0000ee}
/*.table tr:nth-child(2n+1) td{background: #fbfcfe}*/
.table tr:hover td{background: #f2f8fc;}

.table tr td:first-child{border-left: none}
.table tr td:last-child{border-right: none}
.table tr td.handle{text-align: center}
.table tr.empty td{text-align: center;padding: 30px 0;color: #999;font-size: 18px}
.table tr.empty td i{font-size: 20px;vertical-align: middle;margin-right: 10px;}


.disabled{opacity: .3;}

.page{padding: 10px 20px;background: #fff;border-bottom: 1px solid #ddd;border-top: none;text-align: right}
.page .pagination {text-align: right;display: inline-block;vertical-align: middle;font-size: 14px}
.page .pagination li{display: inline-block;vertical-align: middle;margin: 0 2px;}
.page .pagination li a{border:1px solid #ddd;border-radius: 2px;padding: 1px 7px}
.page_record{display: inline-block;font-size: 13px;color: #666}

[v-cloak] {
    display: none;
}